/*NAVBAR STYLING*/

#topblocks {position:absolute;width:100%;height:4%;margin-top:0px;
 text-align: center; background-color:#eee8aa ;}

#hnavbar {
margin: 0px;
  padding: 1px;
  list-style-type: none;
  list-style-position: outside;
  width: 100%;
}


#hnavbar li {display: inline;margin-left:6px;margin-right:6px
}


#hnavbar li a {border: 0px solid #ffffff;
  padding: 1px 25px;
  background-color: #000000 ;
  font-size: 90%;text-decoration: none;
  
  color: #eee8aa;
  text-align: center;
}


/*BUTTON AND LINK STYLING*/
#smartlink {
margin: 4px;
  padding: 1px;
  list-style-type: none;
  list-style-position: outside;
  width: 100%;}

#smartlink li {display: block;margin-left:6px;margin-right:6px;
margin-top:30px;}

#smartlink li a {border: 0px solid #ffffff;
  padding: 11px 15px;color:#000000;
  background-color:orange;
  font-size: 120%;font-family: "comic sans ms";text-decoration: none;
  text-align: center;
border-radius:20px;}





ul{list-style-type: none;margin: 0px; padding: 0; text-indent: 10px;BACKGROUND-COLOR:#eee8aa;
}
li{margin-bottom:15px; text-align: center;font-weight:bold;}

#indexbutt{height:auto;width:99%;margin-bottom:30%;border:solid;border-color:#000033;background-color:#336699;font-weight:bold;font-size:1.5em;color:#eee8aa;border-radius:20px;}
#indexbuttsmart{height:auto;width:99%;margin-bottom:30%;border:solid;border-color:red;background-color:#ffa31a;font-weight:bold;font-size:1.5em;border-radius:20px;}

a:hover {font-size: larger;font-weight:bold;color:indigo;}
img:hover{font-size: larger;font-weight:bold;color:indigo;}
/*BODY AND DIV STYLING*/

body {height: 700px;overflow:scroll;
    font-family: Calibri, Verdana, sans-serif;
    font-size: 16px;
  background-color:#eee8aa;
    color:#000033;
    padding: 3px;
}

/*  */



div#pagehead {position:FIXED;width:100%;height:44px;margin-top:40px;background-color:#eee8aa ;text-align:center}

#leftindexpage{position:fixed;height:85%;width:20%;margin-top:0%;border:none;background-color:#eee8aa;}

div#rightindexpage{position:fixed;float:right;height:65%;width:20%;margin-top:0px;margin-left:78%;border:none;background-color:#eee8aa;}


#main3indexpage{position:relative;float:right;height:65%;width:43%;margin-top:0px;margin-left:26%;margin-right:27%;border:none;background-color:#eee8aa;}

#main4frame {position:relative;float:right;width:98%;height:95%;margin-top:0px;
    padding: 5px;
    padding-left:  15px;
    padding-right: 15px;
    background-color: #eee8aa;
    border-radius: 4px 4px  4px 4px;
}

/*HEADING, PARAGRAPH  and LIST ITEM STYLING*/

h1 {
    font-family: Georgia, serif;
    border-bottom: 3px solid #cc9900;
    color: #996600;
    font-size: 40px;
    text-align: center;
    padding: 4px;
}

p.block {text-indent:0px;margin:5px;}
p.block2 {text-indent:0px;margin:15px;}
h1.headerbox {margin: 0px;padding: 4px;font-family: Calibri, Verdana, sans-serif;font-weight: bold}

/*ID AND SPAN STYLING*/

#sidemenu {position:relative;margin-left:14%;margin-top:-45%;width:84%; height:100%; border:0px;padding:12px;overflow:scroll;}
span.yrno{font-size:2em;color:blue;font-weight:bold}
#uline{text-decoration: underline}
#subber{font-size: 20px;}

/*IMAGE STYLING*/

#illustration{display: block;
    margin-left: auto;
    margin-right: auto;
	z-index:1;}

#indexpic{
position:relative;
height:100%;
width:100%;

border:solid;
border-width:4px;
border-color:000033;